<template>
    <div class="min-h-screen bg-gray-50 dark:bg-gray-900">
       <RandomStarRail></RandomStarRail>
    </div>
</template>

<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue'
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import ArticleCard from '@/components/ArticleCard.vue'
import RandomStarRail from '../components/RandomStarRail/RandomStarRail.vue'

const showBackTop = ref(false)

const handleScroll = () => {
    showBackTop.value = window.scrollY > 500
}

const scrollToTop = () => {
    window.scrollTo({ top: 0, behavior: 'smooth' })
}

onMounted(() => {
    window.addEventListener('scroll', handleScroll)
})

onUnmounted(() => {
    window.removeEventListener('scroll', handleScroll)
})
</script>